@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* --- PŮVODNÍ STYLY --- */
.footer-newsletter-full-width {
    display: none !important;
}

@media (min-width: 769px) {
  .products-wrapper {
    position: relative !important;
    max-width: 1150px !important;
    margin: 0 auto !important;
    padding: 0 50px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #products-2.products-inline {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: transform 0.4s ease !important;
  }

  #products-2.products-inline .product {
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    border: none !important;
    box-shadow: none !important;
    flex: 0 0 calc((100% - 56px) / 3) !important;
    min-width: 0 !important;
  }

  #products-2.products-inline .product a.image {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1/1 !important;
    overflow: hidden !important;
    border-radius: 19px !important;
    flex-shrink: 0 !important;
    margin-bottom: 12px !important;
  }

  #products-2.products-inline .product a.image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  #products-2.products-inline .product .p-in {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 0 !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  #products-2.products-inline .product .p-in-in {
    padding: 0 !important;
    margin-bottom: 2px !important;
    width: 100% !important;
    text-align: left !important;
  }

  #products-2.products-inline .product .name {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 5px !important;
    line-height: 1.4 !important;
  }

  #products-2.products-inline .product .name span {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
  }

  #products-2.products-inline .product .availability {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: block !important;
    margin-bottom: 12px !important;
    text-align: left !important;
  }

  #products-2.products-inline .product .p-bottom,
  #products-2.products-inline .product .offers {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 !important;
    margin-top: auto !important;
    gap: 8px !important;
  }

  #products-2.products-inline .product .price {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
  }

  #products-2.products-inline .product .prices {
    display: flex !important;
    align-items: center !important;
  }

  #products-2.products-inline .product .p-tools a.btn {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    background: transparent !important;
    color: #89221F !important;
    border: 1.5px solid #89221F !important;
    border-radius: 999px !important;
    padding: 6px 18px !important;
    text-decoration: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
  }

  #products-2.products-inline .product .p-tools a.btn:hover {
    background: #89221F !important;
    color: #ffffff !important;
  }

  .carousel-arrow {
    position: absolute !important;
    top: 35% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    font-size: 20px !important;
    color: #555 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.10) !important;
    transition: box-shadow 0.2s, opacity 0.2s !important;
    padding: 0 !important;
  }

  .carousel-arrow:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important;
    color: #1a1a1a !important;
  }

  .carousel-arrow.prev { left: 4px !important; }
  .carousel-arrow.next { right: 4px !important; }
}

/* --- NOVÉ STYLY (Z tvého zadání) --- */

/* Váleček do menu */
.navigation-wrapper.header-bottom-wrapper {
  position: relative;
  overflow: visible !important;
}

.rp-image-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 730px; 
  z-index: 99 !important; 
  pointer-events: none; 
}

/* Skrytí válečku na zařízeních s šířkou 768px a méně */
@media (max-width: 768px) {
  .rp-image-overlay {
    display: none !important;
  }
}

.navigation-in-menu,
.menu-level-1,
.navigationActions {
  position: relative;
  z-index: 10; 
}

/* Nativní mobilní posuvník přesně pro 2 produkty (do 768px) */
@media (max-width: 768px) {
  .products-wrapper {
    padding: 0 15px !important; 
    overflow: hidden !important;
    position: relative !important;
  }

  #products-2.products-inline {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin: 0 !important;
    overflow-x: auto !important; 
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 15px !important; 
    transform: none !important; 
    transition: none !important;
  }
  
  #products-2.products-inline::-webkit-scrollbar {
    display: none !important;
  }

  .custom-pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 5px !important;
    padding-bottom: 10px !important;
  }

  .custom-pagination .custom-dot {
    width: 30px !important;
    height: 4px !important;
    background-color: #e5dcd3 !important; 
    border-radius: 4px !important;
    transition: background-color 0.3s ease !important;
  }

  .custom-pagination .custom-dot.active {
    background-color: #601f1f !important; 
  }

  #products-2.products-inline .product {
    flex: 0 0 calc(50% - 5px) !important; 
    scroll-snap-align: start !important; 
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  #products-2.products-inline .product a.image {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1/1 !important;
    border-radius: 12px !important;
    margin-bottom: 8px !important;
    overflow: hidden !important;
  }

  #products-2.products-inline .product a.image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  #products-2.products-inline .product .name {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    margin-bottom: 5px !important;
    line-height: 1.3 !important;
  }
  
  #products-2.products-inline .product .price {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
  }

  #products-2.products-inline .product .p-bottom,
  #products-2.products-inline .product .offers {
    display: flex !important;
    flex-direction: column !important; 
    align-items: flex-start !important;
    width: 100% !important;
    gap: 12px !important; 
  }

  #products-2.products-inline .product .p-tools {
    width: 100% !important;
    margin: 0 !important;
  }

  #products-2.products-inline .product .p-tools a.btn {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important; 
    padding: 8px 10px !important; 
  }
}

/* Patička webu */
#footer {
    background-color: #000000 !important;
    color: #FBECD5 !important;
}

#footer a,
#footer p,
#footer h2,
#footer h3,
#footer h4,
#footer div {
    color: #ffffff !important;
}

#footer a:hover {
    opacity: 0.8 !important;
}

/* Zvednutí menu na desktopu (nad válečkem) */
@media (min-width: 769px) {
    .navigation-in-menu,
    .menu-level-1,
    .navigationActions {
        position: relative !important;
        z-index: 999 !important; 
    }

    #header .menu-item-673 a,
    #header .menu-item-673 a b,
    #header .menu-item-709 a,
    #header .menu-item-709 a b,
    #header .menu-item-706 a,
    #header .menu-item-706 a b {
        color: #FBECD5 !important;
        transition: none !important; 
    }
}

/* Hodnocení obchodu v kategoriích a na produktech */
.tb-rating-copy {
  margin-top: 40px !important;
}